body,div,img,dl,dt,dd,ul,li,p,h1,h2,h3,h4,h5,h6,input{ margin:0; padding:0;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
input,button,textarea{ box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } 
ul,li{ list-style:none}
body{ font-size:12px;font-family: "Open Sans", Arial, "Hiragino Sans GB","Microsoft YaHei", "΢ÈíÑźÚ", "STHeiti", "WenQuanYi Micro Hei", SimSun, sans-serif,sans-serif;background:#ffffff;}
a{text-decoration:none; color:#323232}
a:hover,a:active{ text-decoration:none; color:#00a0e8;}
img{border:0;}
.clearbox{ clear:both;height:0px;line-height:0px;font-size:0px;}
.blank5{clear:both;height:5px;overflow:hidden;display:block;}
.blank10{clear:both;height:10px;overflow:hidden;display:block;}
.blank15{clear:both;height:15px;overflow:hidden;display:block;}
.blank20{clear:both;height:20px;overflow:hidden;display:block;}
.blank30{clear:both;height:30px;overflow:hidden;display:block;}

.top { width:100%;height:32px; background: #f7f7f7;margin:0 auto;}
.topa{width:90%; height:32px; line-height:32px; font-size:14px; color:#666666;  margin:0 auto;}


.head{width:90%; height:86px; margin:0 auto; margin-top:10px;}
.head .logo{ float:left; padding-right:50px;}
.head .logo img{ height: 76px; border:0px;}

.head .txt{ float:left; border-left:1px solid #e7e3e7; height:66px; padding-left:30px; margin-top:5px;}
.head .txt .p1{ height:40px; line-height:40px; font-size:24px; font-weight:bold;}
.head .txt .p2{ height:26px; line-height:26px; font-size:16px; color:#666666}


.head .tele{ float:right; height: 66px; background:url(../images/tele.png) no-repeat left center; padding-left:50px;margin-top:5px;}
.head .tele .p1{ height:20px; line-height:20px; font-size:14px; margin-top:10px;}
.head .tele .p2{ height:30px; line-height:30px; font-size:24px; }


.menu { width:100%;height:60px; background: #e7e7e7;}
.menua{width:90%; height:60px; line-height:60px; margin:0 auto;}
.menua li{float:left;width:14.2%;height:60px; line-height:60px; text-align:center; font-size:18px;}
.menua li:hover{ background:#cdcdcd;-webkit-transition:all .3s ease-out;transition:all .3s ease-out;}
.menua li:hover a{ color:#00a0e8}
.menua li.cu{ background:#cdcdcd}
.menua li.cu a{ color:#00a0e8}

.mobile-btn{display: none;}


.foot{width:100%;  background:#292c29; margin:0 auto; margin-top:50px;overflow: hidden;}
.foota{width:90%; font-size:14px; color:#FFFFFF; padding-bottom:40px;margin:0 auto;}
.foota a{color:#FFFFFF;}
.foota_a{float:left;}
.foota_a li{float:left; margin-right:50px; padding-top:40px;}
.foota_a li .p1{ height:50px; line-height:50px; font-size:18px;}
.foota_a li .p2{ height:25px; line-height:25px; font-size:14px;}
.foota_a li .p2 a{ color:#CCCCCC}

.foota_b{float:right;padding-top:40px; padding-right:50px;}
.foota_b .p1{ height:50px; line-height:50px; font-size:18px;}
.foota_b .p2{ height:25px; line-height:25px; font-size:14px;}
.foota_b .p2 a{ color:#CCCCCC}


.foota_c{ float:right; border-left:1px solid #CCCCCC; padding-left:20px; margin-top:50px; overflow: hidden;}
.foota_c li{ float:left; margin-left:30px;position:relative;}
.foota_c li img{ width:120px;}
.foota_c li p{ text-align:center; line-height:30px; font-size:14px;}


.tele-float{display:none;}

@media screen and (max-width:768px) {
.m_none{display:none;}
.top {display:none;}
.head{width:94%; height:66px; margin:0 auto; margin-top:20px;}
.head .logo{ float:left; padding-right:50px;}
.head .logo img{ height: 46px; border:0px;}

.head .txt{display:none;}

.head .tele{display:none;}





.mobile-btn{display: block; width:26px; padding-top:10px; margin-left:15px; position:relative; float:right;}
.mobile-btn span.icon-menu{ width:26px; height:26px; background: url(../images/menu.png) no-repeat center;-webkit-background-size:100% 100%;background-size:100% 100%;display: block; outline:none;}
.mobile-btn span.icon-close{ width:26px; height:26px; background: url(../images/close.png) no-repeat center;-webkit-background-size:100% 100%;background-size:100% 100%;display: block;outline:none;}


.menu{width:100%; margin-left:0px; height:calc(100% - 86px); display:none; position:absolute;bottom:0px;right:0px; background:rgba(0,0,0,0.6); float:left; z-index:9999;}
.menua{width:120px; height:100vh;  background:#00a0e8; padding-top:10px;position:relative; float:right;}
.menua li{width:100%;height:40px;line-height:40px;text-align:center; font-size:16px; color:#ffffff; float:left;position:relative;}
.menua li a{color:#FFFFFF}
.menua li:hover{ background:#ffffff;-webkit-transition:all .3s ease-out;transition:all .3s ease-out;}
.menua li:hover a{ color:#00a0e8}
.menua li.cu{ background:#ffffff}
.menua li.cu a{ color:#00a0e8}




.foot{width:100%; background:#292c29; margin:0 auto; margin-top:30px;overflow: hidden;}
.foota{width:100%; font-size:14px; color:#FFFFFF; padding-bottom:30px;margin:0 auto;}
.foota a{color:#FFFFFF;}
.foota_a{display:none;}


.foota_b{float:right;width:100%;padding-top:20px; padding-right:0px; padding-left:5%;}
.foota_b .p1{ height:50px; line-height:50px; font-size:18px;}
.foota_b .p2{ height:25px; line-height:25px; font-size:14px;}
.foota_b .p2 a{ color:#CCCCCC}


.foota_c{ float:right;width:100%; border-left: none; padding-left:10%; padding-right:10%; margin-top:30px; overflow: hidden;}
.foota_c li{ float:left; width:50%; margin-left:0px;text-align:center; position:relative;}
.foota_c li img{ width:120px;}
.foota_c li p{ text-align:center; line-height:30px; font-size:14px;}




.tele-float{position: fixed;bottom: 30px; right:20px; display:block;}
.tele-float .to-top{width: 55px;height:50px; line-height:20px;display: inline-block;background: #CD0000; text-align:center; font-size:16px; color:#FFFFFF; padding-top:10px;border-radius:10px;}

}